<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/global.css">
    <link rel="stylesheet" href="./css/列表.css">
    <link rel="stylesheet" href="./css/reset.css">
    <script src="./js/flexible.js"></script>
    <script src="./js/better-scroll.min.js"></script>
    <title>Document</title>
</head>

<body>
    <div class="hender">
        <img src="./images/Path.png" alt="">
        <span>商品列表</span>
    </div>
    <div class="sousuo">
        <img src="./images/Ellipse 1.png" class="t1">
        <input type="text" placeholder="请输入您要搜索的宝贝..">
        <img src="./images/矢量智能对象.png" class="t2">
    </div>
    <!-- 分类 -->
    <div class="fenlei dispfx flx-ard">
        <div style="color: #2DA3E8;">人气</div>
        <div>销量</div>
        <div>价格 <img src="./images/下拉.png" alt=""></div>
    </div>
    <!-- 商品 -->
    <div class="shangpin">
        <ul>
            <li>
                <div class="img img1">
                    <img src="./images/home-new.png" class="new">
                </div>
                <div class="txt">
                    莫次有机PWE活性美白洗面奶
                </div>
                <div class="jiage">
                    ￥169 <s>￥220</s>
                </div>
            </li>
            <li>
                <div class="img img2">
                    <img src="./images/home-promotion.png" class="new">
                </div>
                <div class="txt">
                    莫次有机PWE活性美白嫩肤霜
                </div>
                <div class="jiage">
                    ￥169 <s>￥220</s>
                </div>
            </li>
            <li>
                <div class="img img1">

                </div>
                <div class="txt">
                    莫次有机PWE活性美白洗面奶
                </div>
                <div class="jiage">
                    ￥169 <s>￥220</s>
                </div>
            </li>
            <li>
                <div class="img img2">

                </div>
                <div class="txt">
                    莫次有机PWE活性美白嫩肤霜
                </div>
                <div class="jiage">
                    ￥169 <s>￥220</s>
                </div>
            </li>
            <div class="shangpin">
                <ul>
                    <li>
                        <div class="img img1">

                        </div>
                        <div class="txt">
                            莫次有机PWE活性美白洗面奶
                        </div>
                        <div class="jiage">
                            ￥169 <s>￥220</s>
                        </div>
                    </li>
                    <li>
                        <div class="img img2">

                        </div>
                        <div class="txt">
                            莫次有机PWE活性美白嫩肤霜
                        </div>
                        <div class="jiage">
                            ￥169 <s>￥220</s>
                        </div>
                    </li>
                    <li>
                        <div class="img img1">

                        </div>
                        <div class="txt">
                            莫次有机PWE活性美白洗面奶
                        </div>
                        <div class="jiage">
                            ￥169 <s>￥220</s>
                        </div>
                    </li>
                    <li>
                        <div class="img img2">

                        </div>
                        <div class="txt">
                            莫次有机PWE活性美白嫩肤霜
                        </div>
                        <div class="jiage">
                            ￥169 <s>￥220</s>
                        </div>
                    </li>
                </ul>
            </div>
        </ul>
    </div>
</body>

</html>